<!DOCTYPE html>
<html lang="zh-CN">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <link rel="stylesheet" href="../css/浮动与定位.css">
</head>
<body>
    <h1>数字圆</h1>
    <div class="box box1">
       <p class="circle">
        <span>1</span>
       </p>
       <p class="circle">
        <span>2</span>
       </p>
       <p class="circle">
        <span>3</span>
       </p>
       <p class="circle">
        <span>4</span>
       </p>
       <p class="circle">
        <span>5</span>
       </p>
       <p class="circle">
        <span>6</span>
       </p>
       <p class="circle">
        <span>7</span>
       </p>
       <p class="circle">
        <span>8</span>
       </p>
       <p class="circle">
        <span>9</span>
       </p>
       <p class="circle">
        <span>10</span>
       </p>
       <p class="circle">
        <span>11</span>
       </p>
       <p class="circle">
        <span>12</span>
       </p>
       <p class="circle">
        <span>13</span>
       </p>
       <p class="circle">
        <span>14</span>
       </p>
       <p class="circle">
        <span>15</span>
       </p>
       <p class="circle">
        <span>16</span>
       </p>
       <p class="circle">
        <span>17</span>
       </p>
       <p class="circle">
        <span>18</span>
       </p>
       <p class="circle">
        <span>19</span>
       </p>
       <p class="circle">
        <span>20</span>
       </p>
       <p class="circle">
        <span>21</span>
       </p>
    </div>
    <h2>文字环绕</h2>
    <div class="box box2">
        <span class="front-ele">前</span>
        <span class="front-ele">前</span>
        <span class="front-ele">前</span>
        <span class="front-ele">前</span>
        <span class="front-ele">前</span>
        <span class="front-ele">前</span>
        <span class="front-ele">前</span>
        <span class="front-ele">前</span>
        <span class="front-ele">前</span>
        <span class="front-ele">前</span>
        <span class="front-ele">前</span>
        <span class="front-ele">前</span>
        <span class="front-ele">前</span>
        <span class="front-ele">前</span>
        <span class="front-ele">前</span>
        <span class="front-ele">前</span>
        <span class="front-ele">前</span>
        <span class="front-ele">前</span>
        <span class="front-ele">前</span>
        <span class="front-ele">前</span>
        <span class="front-ele">前</span>
        <span class="front-ele">前</span>
        <span class="front-ele">前</span>
        <span class="front-ele">前</span>
        <span class="back">后</span>
        <span class="back">后</span>
        <span class="back">后</span>
        <span class="back">后</span>
        <span class="back">后</span>
        <span class="back">后</span>
        <img src="../photo/星星2.png" alt="星星">
        <span class="back">后</span>
        <span class="back">后</span>
        <span class="back">后</span>
        <span class="back">后</span>
        <span class="back">后</span>
        <span class="back">后</span>
        <span class="back">后</span>
        <span class="back">后</span>
        <span class="back">后</span>
        <span class="back">后</span>
        <span class="back">后</span>
        <span class="back">后</span>
        <span class="back">后</span>
        <span class="back">后</span>
        <span class="back">后</span>
        <span class="back">后</span>
        <span class="back">后</span>
        <span class="back">后</span>
        <span class="back">后</span>
        <span class="back">后</span>
        <span class="back">后</span>
        <span class="back">后</span>
        <span class="back">后</span>
        <span class="back">后</span>
        <span class="back">后</span>
        <span class="back">后</span>
        <span class="back">后</span>
        <span class="back">后</span>
        <span class="back">后</span>
    </div>
    <div class="box box3">
        <a class="return" href="#">上一章</a>
        西游记
        <a class="next" href="#">下一章</a>
    </div>
    <div id="monkey">
        <img src="../photo/地狱火.jpg" alt="">
    </div>
</body>
</html>